<template>
  <j-modal
    switchFullscreen
    :title='title'
    :width='1200'
    :visible='visible'
    :maskClosable='false'
    :confirmLoading='confirmLoading'
    @ok='handleOk'
    @cancel='handleCancel'
    cancelText='关闭'>
    <template slot="footer">
<!--      <a-button @click="handleCancel">取消</a-button>-->
      <a-button type="primary" @click="handleCancel" >确认</a-button>
    </template>
    <div class='info-line'style="color: black;font-weight:500">基础信息</div>
    <a-spin :spinning='confirmLoading'>
      <a-form-model :form='form'>
        <a-row :gutter='24'>
          <a-col :md='8' :sm='24'>
            <a-form-model-item :labelCol='labelCol' :wrapperCol='wrapperCol' label='申请人'>
              <span></span>
<!--              <a-input placeholder='请输入' disabled='true'  v-decorator="['productName']" />-->
            </a-form-model-item>
          </a-col>
          <a-col :md='8' :sm='24'>
            <a-form-model-item
              :labelCol='labelCol'
              :wrapperCol='wrapperCol'
              label='申请人职位'
              >
              <span></span>
<!--              <a-input placeholder='请输入' disabled='true'  v-decorator="['goodsCode']" />-->
            </a-form-model-item>
          </a-col>
          <a-col :md='8' :sm='24'>
            <a-form-model-item
              :labelCol='labelCol'
              :wrapperCol='wrapperCol'
              label='申请日期'
              >
              <span></span>
<!--              <a-input placeholder='请输入' :disabled='disableSubmit'  v-decorator="['goodsName',validatorRules.goodsName]" />-->
            </a-form-model-item>
          </a-col>
          <a-col :md='8' :sm='24'>
            <a-form-model-item
              :labelCol='labelCol'
              :wrapperCol='wrapperCol'
              label='请假类型'
            >
              <span></span>
<!--              <a-input placeholder='请输入' disabled='true'  v-decorator="['classifyName']" />-->
            </a-form-model-item>
          </a-col>
          <a-col :md='8' :sm='24'>
            <a-form-model-item
              :labelCol='labelCol'
              :wrapperCol='wrapperCol'
              label='开始时间'
              >
              <span></span>
<!--              <a-input placeholder='请输入' disabled='true'  v-decorator="['isSales']" />-->
            </a-form-model-item>
          </a-col>
          <a-col :md='8' :sm='24'>
            <a-form-model-item
              :labelCol='labelCol'
              :wrapperCol='wrapperCol'
              label='结束时间'
              >
              <span></span>
<!--              <a-input placeholder='请输入' disabled='true'  v-decorator="['hotSales']" />-->
            </a-form-model-item>
          </a-col>
          <a-col :md='8' :sm='24'>
            <a-form-model-item
              :labelCol='labelCol'
              :wrapperCol='wrapperCol'
              label='请假事由'
              >
              <span></span>
<!--              <a-input placeholder='请输入' disabled='true'  v-decorator="['basicUnit']" />-->
            </a-form-model-item>
          </a-col>

        </a-row>
      </a-form-model>
    </a-spin>

    <div class='info-line' style="color: black;font-weight:500;margin-bottom: 10px">审批流</div>
      <a-form-model :form='form'>
        <a-col :md='12' :sm='24'>
          <a-form-model-item
            :labelCol="labelCol"
            :wrapperCol="wrapperCol"
            label="审批人姓名"
          >
            <span class="ant-form-text"></span>
            <!--            <a-input :disabled="disableSubmit" placeholder="请输入" v-decorator="['custName']"/>-->
          </a-form-model-item>
        </a-col>
        <a-col :md='12' :sm='24'>
          <a-form-model-item
            :labelCol="labelCol"
            :wrapperCol="wrapperCol"
            label=""
          >
            <span>审批通过</span>
          </a-form-model-item>
        </a-col>
        <a-col :md='12' :sm='24'>
          <a-form-model-item
            :labelCol="labelCol"
            :wrapperCol="wrapperCol"
           label="意见">
          <span ></span>
        </a-form-model-item>
        </a-col>
      </a-form-model>
  </j-modal>
</template>

<script>
import myShuttleModal from '@/components/cn-components/CnShuttleModal'
import JTreeSelect from '@/components/cn-form/JTreeSelect'
import JAreaLinkage from '@comp/cn-form/CnAreaLinkage'
import UploadImage from '@/components/upload-image/UploadImage'
import JUpload from '@/components/cn-form/JUpload'

export default {
  name: 'userorgerlModal',
  data() {
    return {
      name: '',
      title: '操作',
      visible: false,
      isEdit:false,
      model: {},
      labelCol: {
        xs: { span: 24 },
        sm: { span: 5 },
      },
      wrapperCol: {
        xs: { span: 24 },
        sm: { span: 18 },
      },
      confirmLoading: false,
      form: this.$form.createForm(this),

      queryById: '/goods/cnGoods/getGoodsInfo',

      addOrUpdateUrl: window._CONFIG['domianURL'] + '/cnTerminalController/saveOrUpdateTerminal'
    }
  },
  components: { JTreeSelect, JAreaLinkage, UploadImage, JUpload,myShuttleModal },
  created() {

  },
  computed: {},
  methods: {
    add() {
      this.edit()
    },
    edit(isEdit) {
      this.visible = true
      this.form.resetFields()

    },
    handleCancel() {
      this.$emit('close')
      this.form.resetFields()
      this.isEdit=false
      this.model={}
      this.visible = false
    },
    handleOk() {
      handleCancel()
    },
    pdDetailChange(e){
      this.model.detailPc=e[0].url
    },
    xptiem(e){
      this.$set(this.model,"isNew",e)
    },
    close() {
      // this.handleCancel()
    },
  }
}
</script>

<style lang='less' scoped>
.info-line {
  display: flex;
  flex-direction: row;
}

.info-line:before {
  content: "";
  flex: 0.1;
  border-bottom: 1px solid #ebedee;
  margin: auto 4px;
}
.info-line:after {
  content: "";
  flex: 0.9;
  border-bottom: 2px solid #ebedee;
  margin: auto 4px;
}
</style>